<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>优惠商品</title>
<%@ include file="/WEB-INF/views/layout/public_css.jsp"%>
<%@ include file="/WEB-INF/views/layout/public_js.jsp"%>
<style type="text/css">

</style>
<script>
$(document).ready(function() {
	
});
</script>
</head>
<body>
<%@ include file="/WEB-INF/views/layout/head_ele.jsp"%>
<div class="container-fluid">
	<div class="list-title search-area" style="margin:5px 7px 0;">
    	<form class="form-inline">
		  <div class="form-group">
		    <label for="">设备分类</label>
		    <input type="text" class="form-control" id="" placeholder="">
		  </div>
		  <button type="submit" class="btn btn-default">搜索</button>
		</form>
    </div>
	<div class="row" style="margin:10px 4px;">
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div class="thumbnail" style="margin:10px;">
                     <img src="${ctx}/public/img/yh04.jpg" alt="...">
                </div>
				<h4 class="text-left" style="padding:0px 10px">职员办公桌 办公家具 工作位屏风卡座</h4>
				<p class="text-left" style="padding:0px 10px">最高限价: ¥3356.00 </p>
				<p class="text-left" style="padding:0px 10px">优惠价: ¥1678.00 </p>
			</div>
		</div>
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div class="thumbnail" style="margin:10px;">
                     <img src="${ctx}/public/img/yh01.jpg" alt="...">
                </div>
				<h4 class="text-left" style="padding:0px 10px">得力12支水笔得力思达0.5mm水笔按动水笔</h4>
				<p class="text-left" style="padding:0px 10px">最高限价: ¥28.00 </p>
				<p class="text-left" style="padding:0px 10px">优惠价: ¥18.50 </p>
			</div>
		</div>
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div class="thumbnail" style="margin:10px;">
                     <img src="${ctx}/public/img/yh03.jpg" alt="...">
                </div>
				<h4 class="text-left" style="padding:0px 10px">10本软面抄32K记事本日记本办公用品批发</h4>
				<p class="text-left" style="padding:0px 10px">最高限价: ¥25.90 </p>
				<p class="text-left" style="padding:0px 10px">优惠价: ¥8.20 </p>
			</div>
		</div>
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div class="thumbnail" style="margin:10px;">
                     <img src="${ctx}/public/img/yh02.jpg" alt="...">
                </div>
				<h4 class="text-left" style="padding:0px 10px">Asus/华硕 R R417SA3160 笔记本电脑 </h4>
				<p class="text-left" style="padding:0px 10px">最高限价: ¥2899.00</p>
				<p class="text-left" style="padding:0px 10px">优惠价: ¥2469.00</p>
			</div>
		</div>
    </div>
   	<div class="dataTables_wrapper form-inline dt-bootstrap no-footer" style="margin:0 10px"><div class="row"><div class="col-sm-5"><div class="dataTables_info" id="cppl_table_info" role="status" aria-live="polite">显示第 1 至 4 项结果，共 4 项</div></div><div class="col-sm-7"><div class="dataTables_paginate paging_full_numbers" id="cppl_table_paginate"><ul class="pagination"><li class="paginate_button first disabled" id="cppl_table_first"><a href="#" aria-controls="cppl_table" data-dt-idx="0" tabindex="0">首页</a></li><li class="paginate_button previous disabled" id="cppl_table_previous"><a href="#" aria-controls="cppl_table" data-dt-idx="1" tabindex="0">上页</a></li><li class="paginate_button active"><a href="#" aria-controls="cppl_table" data-dt-idx="2" tabindex="0">1</a></li><li class="paginate_button next disabled" id="cppl_table_next"><a href="#" aria-controls="cppl_table" data-dt-idx="3" tabindex="0">下页</a></li><li class="paginate_button last disabled" id="cppl_table_last"><a href="#" aria-controls="cppl_table" data-dt-idx="4" tabindex="0">末页</a></li></ul></div></div></div></div>
</div>
<script type="text/javascript">
	
</script>
</body>
</html>